<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
        <link href="css/base.css" rel="stylesheet">
        <link href="css/centre.css" rel="stylesheet">
    </head>
<body>
    <div class="all">
        <div class="top">
            <div id="current-time"></div>
        </div>
        <div class="grzx">
            <p>个人中心</p>
        </div>
    <div class="container">
        <div class="container1">
        <div class="container2">
            <img src="./images/头像.png">
        </div>
        <div class="container3">
            <p><b>柚菜柚爱玩</b></p>
            <p>ID:123456787</p>
        </div>
        <div class="container4">
            <p>普通会员</p>
        </div>
        <div class="container5">
            <img src="./images/xiugai_white@3x.png"
        </div>
        </div>
    </div>
    <div class="container6">
        <div class="ovder">
            <p class="text">消费金额</p>
            <p class="number">￥250.00</p>
        </div>
        <div class="ovder">
            <p class="text">积分</p>
            <p class="number">1000</p>
        </div>
        <div class="ovder">
            <p class="text">收藏</p>
            <p class="number">25</p>
        </div>
        <div class="ovder">
            <p class="text">账户余额</p>
            <p class="number">￥2.50</p>
        </div>
    </div>
    </div>
        <div class="container7">
            <b><p1>我的订单</p1></b>
            <p2>查看全部&gt;</p2>
        </div>
        <div class="container8">  
        <div class="item">
        <img src="./images/待付款@3x.png">
        <p>待付款</p>
        </div>
        <div class="item">
        <img src="./images/待发货@3x.png">
        <p>待发货</p>
        </div>
        <div class="item">
        <img src="./images/待收货@3x.png">
        <p>待收货</p>
        </div>
        <div class="item">
        <img src="./images/待评价@3x.png">
        <p>待评价</p>
        </div>
        <div class="item">
        <img src="./images/售后@3x.png">
        <p>售后</p>
        </div>
        </div>
        <div class="container9">
            <img src="./images/皇冠@3x.png">
            <p1>开通超级会员</p1>
            <p2>享受更多折扣</p2>
            <button>立即开通</button>
        </div>
        <div class="container10">
            <div>
                <img src="./images/location pin.png" alt="Image 1">
                <p>地址管理&gt;</p>
            </div>
            <div>
                <img src="./images/heart.png" alt="Image 2">
                <p>我的收藏&gt;</p>
            </div>
            <div>
                <img src="./images/headphone alt.png" alt="Image 3">
                <p>客服管理&gt;</p>
            </div>
            <div>
                <img src="./images/bio.png" alt="Image 4">
                <p>实名认证&gt;</p>
            </div>
        </div>
    <div class="buttom">
    <div class="item">
    <a href="index.html"><img src="./images/home.png"></a>
    <p>首页</p>
    </div>
    <div class="item">
    <a href="select.html"><img src="./images/cla.png"></a>
    <p>分类</p>
   </div>
   <div class="item">
    <a href="gwc.html"><img src="./images/shopping.png"></a>
    <p>购物车</p>
    </div>
    <div class="item">
    <a href="centre.html"><img src="./images/user_click.png"></a>
    <p>用户中心</p>
    </div>
  </div>
  <div class="buttom1">
    <div class="black-bar"></div>
  </div>
</div>
</body>
<script src="js/base.js"></script>
<script src="js/current-time.js"></script>
</html>